import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

// // 演示 vuex 的引入方式
// // 1. 导入库
// import Vuex from 'vuex'
// // 2. 注册
// Vue.use(Vuex)
// 3. 创建仓库实例
// 放入一个配置对象,基本后面的工作都在这里面
// const store = new Vuex.Store({
//   strict:true,
//   // 创建模块, 就是一个 modules 的对象
//   modules: {
//     // 这里的每个属性都是一个模块对象
//     user: {
//       namespaced: true,
//       state: {
//         token: 'abcde123'
//       },
//       mutations: {
//         setNewState(state, data) {
//           state.token = data
//         }
//       }
//     },
//     setting: {
//       namespaced: true,
//       state: {
//         name: 'vuex 实例演示'
//       },
//       mutations: {
//         setNewState(state, data) {
//           state.name = data
//         }
//       }
//     }
//   },
//   // 根模块最外层 getters 简化子模块数据获取
//   getters: {
//     token(state) {
//       return state.user.token
//     },
//     name(state) {
//       return state.setting.name
//     }
//   }
// })
import store from '@/store'

new Vue({
  // 4. 挂载到 new Vue 里面的 store 属性中
  store,
  render: h => h(App),
}).$mount('#app')
